import xuanzhong  from '../../../../imgs/xuanzhong.png'
import xuanzhong1  from '../../../../imgs/xuangzhong1.png'

export default class TypesItem extends React.Component{
    render(){
        const {choosed,clicked_index,index,onMouseOver,onMouseOut,onClick,specification}=this.props
        return(
            <div
                onMouseOver={onMouseOver}
                onMouseLeave={onMouseOut}
                onClick={onClick}
                className={(choosed||clicked_index)? 'detail-top-types-guige-item-choose':'detail-top-types-guige-item'}>
                <p className={'detail-top-types-guige-item-p'}>{specification||'无'}</p>
                {
                    (choosed||clicked_index)&&(
                        <img className={'detail-top-types-guige-tri'} src={xuanzhong1} alt=""/>
                    )
                }
            </div>
        )
    }
}